<template>
  <div class="yl-container">
    <div class="yl-main">
      <div class="yl-card-top">
        <el-avatar size="large" :src="circleUrl"></el-avatar>
        <p>
          <span>欢迎使用财务预算管理系统</span>
          <br>
          <span>您上次登录时间为：{{userInfo.nns_last_time || '无'}}</span>
        </p>
      </div>
      <!-- <div class="yl-card-box">
        <ul class="yl-card-list">
          <li>
            <div class="yl-card-item">
              <i class="iconfont yl-ecs-people yl-flex-icon"></i>
              <div class="yl-card-info">
                <p>日新增用户</p>
                <p>100,000</p>
              </div>
            </div>
          </li>
          <li>
            <div class="yl-card-item">
              <i class="iconfont yl-ecs-liulanliang yl-flex-icon"></i>
              <div class="yl-card-info">
                <p>日浏览量</p>
                <p>100,000</p>
              </div>
            </div>
          </li>
          <li>
            <div class="yl-card-item">
              <i class="iconfont yl-ecs-money yl-flex-icon"></i>
              <div class="yl-card-info">
                <p>日成交金额</p>
                <p>100,000</p>
              </div>
            </div>
          </li>
          <li>
            <div class="yl-card-item">
              <i class="iconfont yl-ecs-gouwuche yl-flex-icon"></i>
              <div class="yl-card-info">
                <p>日成交量</p>
                <p>100,000</p>
              </div>
            </div>
          </li>
        </ul>
      </div>

      <div class="yl-chart-box">
        <div class="yl-chart-item yl-line-chart">
          <linechart />
        </div>
        <div class="yl-chart-item yl-pie-chart">
          <piechart />
        </div>
        <div class="yl-chart-item yl-column-chart">
          <columnchart />
        </div>

        <div class="yl-info-box">
          <div class="yl-info-item">

          </div>
        </div>
      </div> -->
    </div>
  </div>
</template>

<script>
import columnchart from '@/components/YlChart/columnAntChart'
import piechart from '@/components/YlChart/pieAntChart'
import linechart from '@/components/YlChart/lineAntChart'
import * as auth from '@/utils/auth'
export default {
  // components: {
  //   columnchart,
  //   piechart,
  //   linechart
  // },
  data () {
    return {
      userInfo: auth.getUserInfo(),
      circleUrl: 'https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png'
    }
  },
  created () {
    console.log(this.$router.options.routes)
  }
}
</script>
